﻿@model List<ViewModel_JudgePaper>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>审阅试卷</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #f8f9fa;
        }

        .header {
            background: linear-gradient(to right, #007BFF, #00C6FF);
            color: white;
            padding: 20px 0;
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <div class="container mt-5">
        <div class="header text-center">
            <h2 class="mb-3">审阅试卷</h2>
            <h4>@Model[0].paper?.paper_name</h4>
        </div>

        <table class="table table-striped table-bordered">
            <thead class="thead-dark">
                <tr>
                    <th>问题内容</th>
                    <th>难易度</th>
                    <th>答案</th>
                    <th>题型分数</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var item in Model)
                {
                    <tr>
                        <td>@(item.question_content?.Length > 30 ? item.question_content.Substring(0, 30) + "..." : item.question_content)</td>
                        <td>@item.question_difficulty</td>
                        <td>@(item.answer?.Length > 30 ? item.answer.Substring(0, 30) + "..." : item.answer)</td>
                        <td>@item.questionTypes?.type_score</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>
